﻿@charset "utf-8";.clear:after {	display: table;	clear: both;	content: ""}.header {	font-size: 14px;	position: relative;	background: #fff;}.logo{	padding: 6px 0;}.header .w .info{	margin-left: 20px;}.header .w .info .phone {	padding: 18px 0;	padding-top: 22px;	padding-left: 50px;	height: 90px;	background: url("../images/phoneico.png") left center no-repeat;}.header .w .info .phone1{	background: url("../images/phoneico1.png") left center no-repeat;}.header .w .info .phone p{	color: #666;	font-size: 12px;}.header .w .info .phone dd{	font-size: 24px;	color: #e70012;}.header .w .info .lang {	font-size: 12px}.header .w .info .lang a {	padding: 0 10px}.header .w .info .lang a:hover {	color: #0a5d9f}.header .w .info .lang .chinese {	position: relative}.header .w .info .lang .chinese:after {	content: "";	display: inline-block;	width: 2px;	height: 12px;	background: #959595;	position: absolute;	top: 3px;	right: 0px}.header .link {	width: 100%;	height: 45px;	background-color: #138de2}.header .linked{	position: fixed;	left: 0;	right: 0;	top: 0;	z-index: 200;	box-shadow: 0 2px 5px rgba(0,0,0,.3);}.header .link .out {	width: 1200px;	margin: 0 auto}.header .link .out .out-li {	color: #fff;	float: left;	line-height: 45px;	position: relative;	display: table;	width: 12.5%;}.header .link .out .out-li .out-a {	color: #fff;	display: block;	line-height: 45px;	display: block;	height: 100%;	text-align: center;}.header .link .out .out-li:hover .out-a {	background: #0a5d9f}.header .link .out .out-li .clk {	display: none;	position: absolute;	top: 37px;	left: 0;	z-index: 222;	padding-top: 8px;	width: 490px;	height: auto;	font-size: 0}.header .link .out .out-lir .clk{	left: auto;	right: 0;}.header .link .out .out-li .clk .list {	display: table-cell;	position: relative;	background: #fff;	line-height: 0;	padding-top: 4px;	vertical-align: top}.header .link .out .out-li .clk .list:before {	content: "";	display: block;	width: 14px;	height: 8px;	position: absolute;	top: -5px;	left: 50%;	margin-left: -11px;	z-index: 223;	background: url("../images/icon1.png") center no-repeat}.header .link .out .out-lir .clk .list:before{	margin-left: -3px;}.header .link .out .out-li .clk .list li {	width: 160px;	font-size: 14px;	color: #666;	line-height: 20px;	text-align: center;	overflow: hidden}.header .link .out .out-li .clk .list li .kind {	margin: 0 20px;	display: block;	border-bottom: 1px #e3e3e3 solid;	padding: 10px 0}.header .link .out .out-li .clk .list li:hover {	background: #0a5d9f}.header .link .out .out-li .clk .list li:hover .kind {	border-bottom: 0;	color: #fff}.header .link .out .out-li .clk .open {	display: table-cell;	width: 330px;	padding: 20px;	background-color: rgba(223, 226, 228, 0.9);	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6DFE2E4, endColorstr=#E6DFE2E4);	root: .header .link .out .out-li .clk .open;	root-filter: none;	box-sizing: border-box;	overflow: hidden;	line-height: 0;	vertical-align: top}.header .link .out .out-li .clk .open .article h3 {	color: #0a5d9f;	font-size: 14px;	line-height: 24px}.header .link .out .out-li .clk .open .article p {	font-size: 12px;	color: #666;	line-height: 24px}.header .link .out .on .out-a {	background: #0a5d9f}.banner {	position: relative;}.jian {	width: 100%;	background: url(../images/bg_01.jpg) no-repeat;	height: 300px;}.jian_bg {	width: 1280px;	margin: 0 auto;}.jian_bg .f1 {	width: 400px;	height: 260px;	margin-top: 20px;	border-right: 1px #fff solid;	float: left;}.jian_bg .f1:nth-child(1) {	margin-left: 40px;}.jian_bg .f1:nth-child(3) {	border: none;}.jian_bg .f1 h1,.jian_bg .f1 h2,.jian_bg .f1 h3,.jian_bg .f1 h4,.jian_bg .f1 h5 {	color: #fff;}.jian_bg .f1 h5 {	font-size: 24px;	margin-top: 30px;	text-align: center;	margin-bottom: 20px;}.jian_bg .f1 h2 {	font-size: 18px;	padding-left: 80px;	color: #4ec7ff;}.jian_bg .f1 h2 span {	font-size: 48px;	margin-right: 20px;}.jian_bg .f1 .one {	display: block;	margin-top: 36px;}.jian_bg .f1 h3 {	font-size: 18px;	text-align: center;	margin-top: 20px;	color: #ccc;}.jian_bg .f1 h4 {	font-size: 48px;	text-align: center;	color: #4ec7ff;	margin-top: 40px;	margin-bottom: 60px;}.section{	padding: 60px 0;}.sec_tt{	color: #fff;}.sec_tt h3{	font-size: 40px;}.sec_tt dd{	margin-top: 5px;	color: #fff;	font-size: 16px;	position: relative;	padding-bottom: 15px;}.sec_tt dd:after{	content: "";	display: block;	position: absolute;	width: 40px;	height: 2px;	background: #333;	left: 50%;	bottom: 0;	margin-left: -20px;}.sec_ttd{	color: #444;}.sec_ttd dd{	color: #999;}.product {	width: 100%;	background-color: #333;	overflow: hidden;}.product ul {	margin-top: 50px;}.product li {	position: relative;	overflow: hidden;	width: 300px;	height: 460px;}.product li a{	display: block;	overflow: hidden;	height: 470px;	position: relative;	background: #fff;}.product li img {	display: block;	max-width: 100%;	max-height: 100%;	position: absolute;	left: 50%;	top: 50%;	transform: translateX(-50%) translateY(-50%);	-webkit-transform: translateX(-50%) translateY(-50%);	-moz-transform: translateX(-50%) translateY(-50%);	-ms-transform: translateX(-50%) translateY(-50%);}.product li .dingwei {	background: rgba(0, 0, 0, 0.5);	position: absolute;	top: 0;	left: 0;	right: 0;	bottom: 0;}.product li:hover .dingwei {	display: none;}.product li a img{	transition: all .5s;	-webkit-transition: all .5s;	-moz-transition: all .5s;	-ms-transition: all .5s;}.product li:hover img {	cursor: pointer;	transform: translateX(-50%) translateY(-50%) scale(1.1);	-webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);	-moz-transform: translateX(-50%) translateY(-50%) scale(1.1);	-ms-transform: translateX(-50%) translateY(-50%) scale(1.1);}.product li .dingwei .yuan {	position: absolute;	width: 180px;	height: 180px;	border-radius: 50%;	background: rgba(255, 255, 255, 0.2);	border: solid 1px #989898;	text-align: center;	color: #fff;	top: 50%;	left: 50%;	margin-left: -90px;	margin-top: -90px;}.product li .dingwei .yuan h3 {	font-size: 16px;	margin-top: 69px;}.product li .dingwei .yuan span {	display: block;	font-family: "Arial";	margin-top: 10px;}.about {	width: 100%;	padding-bottom: 60px;}.about_bg {	width: 1200px;	margin: 0 auto;}.about h4 {	font-size: 36px;	color: #323232;	text-align: center;}.about h2 {	font-size: 16px;	color: #323232;	text-align: center;}.about p {	text-align: left;	margin: 0 auto;	margin-top: 20px;	text-indent: 2em;}.about p a {	color: #dd2511;}.about_bg .about_img {	margin-top: 60px;	margin-left: -53px;}.about_bg .about_img a {	float: left;	margin-left: 53px;}.about_bg .about_img a:nth-child(4) {	margin-right: 0;}.anli {	width: 100%;	background-color: #0060aa;}.anli_bg {	width: 1280px;	margin: 0 auto;}.anli h4 {	font-size: 36px;	color: #fff;	text-align: center;	padding: 30px 0;}.anli h2 {	font-size: 14px;	text-align: center;	margin-bottom: 70px;}.anli .anli_img {	width: 1200px;	overflow: hidden;}.anli ul {	width: 2560px;}.anli li {	margin: 0 10px;	width: 300px;	height: 460px;	float: left;}.anli li a {	display: block;	width: 300px;	height: 400px;	background-color: #fff;}.anli li a img {	padding-top: 5px;	margin-left: 5px;	width: 290px;	height: 390px;}.anli li .anli_title {	width: 300px;	height: 60px;	background-color: #999;}.anli li .anli_title p {	color: #fff;	text-align: center;	line-height: 60px;}.anli_bg .anli_btn {	padding: 20px 0;	text-align: center;	margin-bottom: 50px;}.anli_bg .anli_btn span {	display: inline-block;	width: 88px;	height: 30px;	border: 1px solid #d2d2d2;	font-size: 20px;	color: #fff;	text-align: center;	line-height: 30px;	margin: 0 12px;}.partner {	width: 100%;	background: #fff;}.partner_bg {	width: 1200px;	margin: 0 auto;	overflow: hidden;}.partner_bg h4 {	font-size: 36px;	color: #323232;	text-align: center;	padding: 30px 0;}.partner_bg h2 {	font-size: 14px;	color: #323232;	text-align: center;}.partner_bg ul {	margin-top: 50px;	width: 10000px;}.partner_bg li {	float: left;	width: 200px;}.partner_bg li img{	height: 114px;	display: block;	max-width: 100%;	margin: 0 auto;}.newsc {	width: 100%;	background-color: #f7f7f7;}.news_bg {	width: 1280px;	margin: 0 auto;	padding: 50px 0;}.news_bg .news_left {	width: 800px;	float: left;}.news_bg .news_left .news_title {	width: 200px;	height: 300px;	background-color: #0060aa;	float: left;}.news_bg .news_left .news_title h4 {	font-size: 30px;	color: #fff;	font-family: "Arial";	margin-left: 30px;	padding-top: 40px;	margin-bottom: 20px;}.news_bg .news_left .news_title h2 {	font-size: 16px;	margin-left: 30px;	margin-bottom: 70px;}.news_bg .news_left .news_title a {	display: block;	color: #fff;	width: 98px;	height: 38px;	text-align: center;	line-height: 38px;	border: 1px solid #fff;	margin-left: 30px;}.news_bg .news_left .news_title a:hover {	color: #e50012;}.news_bg .news_left .news_con {	width: 600px;	height: 300px;	background-color: #fff;	float: right;}.news_bg .news_left .news_con a {	display: block;	font-size: 18px;	margin: 20px;}.news_bg .news_left .news_con a span {	float: right;}.news_bg .news_left .news_con p {	font-size: 14px;	margin: 0 20px;}.news_bg .news_left .news_con .f2 {	float: right;	font-size: 14px;	color: #e50012;	margin-top: 0;}.news_bg .news_left .news_con .xian {	clear: both;	width: 560px;	height: 1px;	background: #808080;	margin-left: 20px;}.news_bg .news_left .news_con a:hover {	color: #e50012;}.news_bg .news_right {	width: 400px;	float: right;}.news_bg .news_right .f3 {	width: 400px;	float: right;	background-color: #fff;}.news_bg .news_right .f3 img {	float: left;	margin-right: 20px;}.news_bg .news_right .f3 a:nth-child(2) {	display: block;	font-size: 18px;	padding-top: 20px;	margin-bottom: 10px;}.news_bg .news_right .f3 p {	margin-right: 20px;}.news_bg .news_right .f3:nth-child(1) {	margin-bottom: 40px;}.footer {	width: 100%;	background: url(../images/foot.jpg) no-repeat;	font-size: 12px;	color: #999;}.footer .f-link {	border-bottom: 1px #626262 solid;	text-align: center}.footer .f-link ul {	width: 900px;	margin: 0 auto}.footer .f-link ul li {	float: left;	line-height: 67px;	position: relative}.footer .f-link ul li:after {	content: "";	width: 1px;	height: 12px;	background: #6f6f6f;	display: block;	position: absolute;	top: 50%;	right: 0;	margin-top: -6px}.footer .f-link ul li a {	display: block;	padding: 0 30px;	color: #999}.footer .f-link ul li a:hover{	color: #ccc;}.footer .f-link ul .last:after {	background: transparent}.footer .f-info {	padding: 15px 0}.footer .f-info .p {	text-align: center;	margin-top: 10px;}.footer .f-info .p:FIRST-CHILD{	margin-top: 0;}.footer .f-info .p span {	margin: 0 5px}.foot {	padding: 70px 0;	width: 100%;	font-size: 12px;	background: url(../images/foot.jpg) no-repeat;}.foot_bg {	width: 1200px;	margin: 0 auto;}.dizhi{	color: #ccc;	text-align: center;}.foot_bg .link {	clear: both;	margin-bottom: 10px;}.foot_bg .link p {	color: #ccc;}.foot_bg .link p a {	color: #ccc;	margin-right: 20px;}.foot_bg .link p a:hover {	color: #fff;	text-decoration: underline;}.copy {	color: #ccc;	font-family: "微软雅黑";	text-align: center;}.copy a {	color: #ccc;}a.more {	display: inline-block;	background-color: #fcc802;	height: 30px;	color: #fff;	line-height: 30px;	padding: 0px 20px;	font-size: 12px}a.more:after {	content: "";	float: right;	width: 6px;	height: 10px;	background: transparent url("../images/arrow.png") 0 0 no-repeat;	margin-left: 8px;	margin-top: 10px}a.more:hover{	background: #E70012;}.caselist{	margin-left: -30px;	margin-top: 30px;}.caseitem{	width: 285px;	margin-left: 20px;	margin-top: 20px;	float: left;	transition: all .3s;	-webkit-transition: all .3s;	-moz-transition: all .3s;	-ms-transition: all .3s;}.csitimg{	height: 285px;	border: 1px solid #eee;}.caseitem .csit_txt{	text-align: center;	padding: 10px;	background: #eee;}.caseitem .csit_txt p{	height: 19px;	overflow: hidden;}.caseitem:hover{	box-shadow: 0 0 30px rgba(0,0,0,.4);}.caseitem:hover .csit_txt{	color: #E70012;}.qqitem{	display: block;	height: 30px;	line-height: 30px;	background: #0092DD;	color: #fff;	text-align: center;	border-radius: 3px;	margin-top: 10px;}.qqitem:first-child{	margin-top: 0;}.qqitem i{	margin-right: 3px;}.qqitem:hover{	background: #1AB2FD;}.sidebar{	position: fixed;	right: 0;	top: 50%;	margin-top: -50px;	width: 50px;	background: #fff;	box-shadow: -2px 0 5px rgba(0,0,0,.3);	z-index: 100;}.sidebar a,.sidebar span{	display: block;	text-align: center;	padding: 8px 0;	border-bottom: 1px solid #aaa;	position: relative;	cursor: pointer;}.sidebar a:last-child{	border-bottom: none;}.sidebar a p i{	font-size: 20px;}.sidebar a:hover,.sidebar span:hover{	background: #22252a;	color: #fff;	border-color: #22252a;}.sidebar a dd{	margin-top: 2px;}.sidebox{	position: absolute;	right: 50px;	width: 200px;	top: 0;	background: #0092dd;	color: #fff;	padding: 10px;	text-align: left;	display: none;	box-shadow: -2px 0 5px rgba(0,0,0,.3);}.sidebox i.fa-caret-right{	position: absolute;	font-size: 20px;	color: #0092dd;	top: 20px;	right: -6px;}.sidepit p{	font-size: 14px;}.sidepit dd{	font-size: 20px;}.sidebar a:hover:hover .sidebox,.sidebar span:hover .sidebox{	display: block;}.ewmboxn{	width: 80px;	color: #fff;}.sideboxn{	width: 150px;	height: 100%;	line-height: 39px;	font-size: 20px;	}.sideboxs span{	padding: 0;	border: none;	display: inline-block;}.sideboxs a{	padding: 0;	border-bottom: none;	background: #fff;	color: #0092dd;}.ns_cnt{	width: 240px;	margin-left: 30px;}.ns_tt{}.ns_tt .ns_ttname{	position: absolute;	left: 0;	top: 10px;	background: #0092DD;	color: #fff;	padding: 10px 20px;	font-size: 18px;	border-radius: 0 30px 30px 0;}.nslist .nsitem{	border-bottom: 1px dashed #ddd;	padding: 12px 0;}.nslist .nsitem:last-child{	border-bottom: none;}.nslist .nsitem i{	color: #0092DD;	margin-right: 3px;}.nstbl{	width: 268px;	height: 203px;	background: #0092dd;	color: #fff;	padding: 30px;}.nstbl h3{	font-size: 20px;}.nstbl dd{	font-size: 12px;	margin-top: 10px;	color: rgba(255,255,255,.6);}.nstbox{	margin-top: 20px;}.nstbox:first-child{	margin-top: 0;}.nscr{	width: 930px;	padding-right: 30px;	border-right: 1px solid #ddd;}.nstbl a{	display: block;	position: absolute;	right: 30px;	bottom: 30px;	color: #fcc802;	padding-right: 24px;}.nstbl a i{	display: block;	position: absolute;	right: 0;	top: 50%;	margin-top: -10px;	width: 20px;	height: 20px;	line-height: 17px;	border: 1px solid #fcc802;	border-radius: 50%;	font-size: 16px;	text-indent: 7px;}.nstbl a:hover{	opacity: .7;}.nstbr{	width: 631px;	padding-left: 20px;}.newsitem{	border-bottom: 1px dashed #ddd;	padding: 7px 0;}.newsitem:last-child{	border-bottom: none;}.newsitem .fl{	width: 70%;	height: 19px;	overflow: hidden;}.newsitem .fr{	color: #999;	text-align: right;	width: 30%;	overflow: hidden;	height: 19px;}.newsitem:hover{	color: #FF3F3F;}.nstbox:hover .nstbl{	background: #00699f;}.icn{	height: 180px;	background-position: center;	background-repeat: no-repeat;	background-image: url(../images/icn.jpg);	position: relative;}.icn a{	position: absolute;	left: 0;	top: 0;	right: 0;	bottom: 0;	display: block;}.secbanner{	height: 300px;	background-position: center;	background-repeat: no-repeat;	background-size: cover;	position: relative;}.secbtt{	position: absolute;	left: 50%;	margin-left: -600px;	top: 50%;	margin-top: -36px;	bottom: 0;	color: #fff;	text-shadow: 2px 3px 3px rgba(0,0,0,.2);}.secbtt h3{	font-size: 40px;}.main{	padding: 30px 0;}.subnav{	height: 60px;	border-bottom: 1px solid #ddd;}.subnavlst{}.subnavlst a{	height: 60px;	line-height: 54px;	display: inline-block;	padding: 0 10px;	border-bottom: 3px solid transparent;	position: relative;	margin-right: 10px;	color: #333;}.subnavlst a i{	position: absolute;	bottom: -5px;	left: 50%;	margin-left: -5px;	display: none;}.subnavlst a:hover{	color: #0092DD;}.subnavlst a.active{	border-bottom-color: #0092DD;	color: #0092DD;}.subnavlst a.active i{	display: block;}.infocont,.mainc{	padding: 30px;	background: #fff;	box-shadow: 0 0 10px rgba(0,0,0,.2);}.info img{	max-width: 100%;}.infott{	font-size: 30px;	text-align: center;	font-weight: bold;}.infoprp{	margin-top: 10px;	padding-bottom: 10px;	border-bottom: 1px solid #ddd;	color: #999;}.infoprp span{	display: inline-block;	font-size: 12px;}.prd_lists{	margin-left: -20px;	margin-top: -20px;}.prditem{	width: 270px;	margin-left: 20px;	margin-top: 20px;	overflow: hidden;	position: relative;}.prd_img{	height: 415px;	border: 1px solid #eee;	position: relative;	overflow: hidden;	background: #fff;	transition: all .3s;	-webkit-transition: all .3s;	-moz-transition: all .3s;	-ms-transition: all .3s;}.prd_listscs{	margin-top: -30px;	margin-left: -30px;}.prd_listscs .prditem{	width: 360px;	margin-left: 30px;	margin-top: 30px;}.prd_listscs .prd_img{	height: 360px;}.prd_img img{	transition: all .3s;	-webkit-transition: all .3s;	-moz-transition: all .3s;	-ms-transition: all .3s;}.prdname{	padding: 10px;	transition: all .3s;	-webkit-transition: all .3s;	-moz-transition: all .3s;	-ms-transition: all .3s;}.prditem:hover .prdname{	color: #FF3F3F;}.prditem:hover .prd_img{	border-color: #FF3F3F;}.bread .fl{	line-height: 60px;	position: relative;	padding-left: 24px;}.bread .fl i.fa-map-marker{	position: absolute;	left: 0;	top: 50%;	margin-top: -10px;	height: 20px;	line-height: 20px;	width: 20px;	text-align: center;	font-size: 20px;	color: #FF3F3F;	}.bread .fl a{	display: inline-block;	margin-right: 2px;}.bread .fl a:hover{	color: #FF3F3F;}.bread .fl i.fa-angle-right{	margin: 0 2px;}.bread .fl span{	font-weight: bold;}.bread .fr a{	display: inline-block;	height: 30px;	line-height: 28px;	border: 1px solid #aaa;	color: #666;	padding: 0 20px;	margin-top: 15px;}.bread .fr a:hover{	background: #0092dd;	color: #fff;	border-color: #0092DD;}.bread .fr a i{	margin-right: 3px;}.imgvbox{}.img_b{	display: block;	width: 810px;	height: 410px;	border: 1px solid #ddd;	position: relative;}.imghd_box{	border: 1px solid #ddd;	overflow: hidden;	cursor: pointer;	margin-left: 10px;	float: left;	width: 135px;	height: 90px;	margin-top: 10px;	background: #fff;}.imghd_box:hover,.imghd_boxed{	border-color: #138DE2;}.dtarrcont{	position: absolute;	left: 0;	right: 0;}.imghd{	width: 300px;	height: 410px;	padding-bottom: 10px;	margin-left: 30px;	overflow-y: auto;	background: #f1f1f1;}.imghd span.dtarr{	display: block;	width: 20px;	height: 100%;	position: absolute;	top: 0;	cursor: pointer;	z-index: 10;	background-color: #eee;	background-repeat: no-repeat;	background-position: center;}.imghd span.dtarr_l{	left: 0;	background-image: url(../images/to-left.png);}.imghd span.dtarr_r{	right: 0;	background-image: url(../images/to-right.png);}.imghd span.dtarr:hover{	background-color: #ddd;}.imghd_wrap{	margin: 0 20px;}.show-top {	height: 30px;	color: #555;	font-size: 16px;	line-height: 29px;	border-bottom: 1px solid #e7e7e7;	position: relative;	padding-left: 10px}.show-top:before {	content: "";	display: block;	width: 4px;	height: 16px;	background-color: #0092dd;	position: absolute;	top: 50%;	margin-top: -8px;	left: 0}.snewsitem{	border-bottom: 1px dashed #ddd;	padding: 10px;}.snewsitem .fl{	width: 80%;	height: 19px;	overflow: hidden;	position: relative;	padding-left: 10px;}.snewsitem .fl i{	position: absolute;	left: 0;	top: 50%;	margin-top: -7px;}.snewsitem .fr{	width: 20%;	text-align: right;	color: #999;}.snewsitem:hover{	background: #f5f5f5;	color: #FF3F3F;}.cnul li{	float: left;	width: 23%;	position: relative;	min-height: 60px;	padding: 20px;	border-left: 1px solid #ddd;	border-top: 1px solid #ddd;	border-bottom: 1px solid #ddd;	height: 181px;}.cnul li:last-child{	width: 31%;	border-right: 1px solid #ddd;}.cnul li i{	display: block;	height: 80px;	width: 80px;	text-align: center;	line-height: 78px;	border: 1px solid #138DE2;	color: #138DE2;	border-radius: 50%;	font-size: 40px;	margin: 0 auto;}.cnul li .cnbox{	text-align: center;	margin-top: 10px;}.cnul li .cnbox p{	color: #666;}.cnul li .cnbox dd{	margin-top: 6px;	font-weight: bold;	font-size: 16px;}.cnul li:last-child .cnbox dd{	font-size: 14px;}.map{	height: 350px;}.yqlink{	text-align: center;	width: 900px;	margin: 0 auto;	margin-top: 15px;	line-height: 26px;}.yqlink a{	color: #999;	display: inline-block;	margin: 0 3px;}.yqlink a:hover {	color: #ddd;}